<div class="white-bg padding-lg padding-top border-radius">
    <div class="flex justify-between">
        <div class="text-title">工作单详情</div>
        <div>
            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="vc.goBack()">
                <i class="fa fa-close"></i>返回
            </button>
        </div>
    </div>
    <!-- 业主信息 -->
    <div class="margin-top">
        <div class="row" style="min-height: 160px;">
            <div class="col-sm-12">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="工单编号：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.workId}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="工单名称：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.workName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="类型名称：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.typeName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="标识：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.workCycle == '1001'?'一次性工单':'周期性工单'}}</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="开始时间：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.startTime}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="结束时间：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.endTime}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="发起人：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.createUserName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="处理人：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.curStaffName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="抄送人：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.curCopyName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="状态：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.stateName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="创建时间：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminWorkDetailInfo.createTime}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="附件：" namespace="adminWorkDetailInfo"></vc:i18n>
                            </label>
                            <label class="">
                                <a :href="adminWorkDetailInfo.pathUrl" v-if="adminWorkDetailInfo.pathUrl">下载</a>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="vc-line-primary margin-top"></div>
    <div class="margin-top-sm">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'adminWorkDetailContent'}"
                    v-on:click="changeTab('adminWorkDetailContent')">
                    <vc:i18n name="内容" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'aWorkDetailTask'}"
                    v-on:click="changeTab('aWorkDetailTask')">
                    <vc:i18n name="处理人" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'aWorkDetailTaskItem'}"
                    v-on:click="changeTab('aWorkDetailTaskItem')">
                    <vc:i18n name="处理内容" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'aWorkDetailCopy'}"
                    v-on:click="changeTab('aWorkDetailCopy')">
                    <vc:i18n name="抄送人" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'aWorkDetailEvent'}"
                    v-on:click="changeTab('aWorkDetailEvent')">
                    <vc:i18n name="工作单流转" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'aWorkDetailFile'}"
                    v-on:click="changeTab('aWorkDetailFile')">
                    <vc:i18n name="流转附件" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'aWorkDetailType'}"
                    v-on:click="changeTab('aWorkDetailType')">
                    <vc:i18n name="工作单类型" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminWorkDetailInfo.workCycle == '2002'">
                <a class="nav-link" v-bind:class="{active:adminWorkDetailInfo._currentTab == 'aWorkDetailCycle'}"
                    v-on:click="changeTab('aWorkDetailCycle')">
                    <vc:i18n name="工作单周期" namespace="adminWorkDetail"></vc:i18n>
                </a>
            </li>
        </ul>
    </div>
    <div v-if="adminWorkDetailInfo._currentTab == 'adminWorkDetailContent'">
        <div class="padding flex justify-start" v-for="(item,index) in adminWorkDetailInfo.contents" :key="index">
            <div >{{item.seqNum}}、</div>
            <div v-html="item.content" style="width: 80%;"></div>
        </div>
    </div>
   <div v-if="adminWorkDetailInfo._currentTab == 'aWorkDetailTask'">
        <vc:create path="oa/aWorkDetailTask"></vc:create>
    </div>

    <div v-if="adminWorkDetailInfo._currentTab == 'aWorkDetailTaskItem'">
        <vc:create path="oa/aWorkDetailTaskItem"></vc:create>
    </div>

    <div v-if="adminWorkDetailInfo._currentTab == 'aWorkDetailCopy'">
        <vc:create path="oa/aWorkDetailCopy"></vc:create>
    </div>

    <div v-if="adminWorkDetailInfo._currentTab == 'aWorkDetailEvent'">
        <vc:create path="oa/aWorkDetailEvent"></vc:create>
    </div>
          
    <div v-if="adminWorkDetailInfo._currentTab == 'aWorkDetailFile'">
        <vc:create path="oa/aWorkDetailFile"></vc:create>
    </div>

    <div v-if="adminWorkDetailInfo._currentTab == 'aWorkDetailType'">
        <vc:create path="oa/aWorkDetailType"></vc:create>
    </div>
    <div v-if="adminWorkDetailInfo._currentTab == 'aWorkDetailCycle'">
        <vc:create path="oa/aWorkDetailCycle"></vc:create>
    </div>
</div>